<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
	    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
	    <link rel="stylesheet" href="../../css/aui.css">
	    <link rel="stylesheet" href="../../css/indent.css">
		<link rel="stylesheet" href="../../css/pulice.css">
	    <script src="../../js/api.js"></script>
		<script src="../../js/libs/zepto.min.js"></script>
		<script src="../../js/vue.min.js"></script>
		<script src="../../js/vconsole.min.js"></script>
		<script src="../../js/vue-resource.min.js"></script>
		<script src="../../js/aui-toast.js"></script>
		<script src="../../js/common.js" type="text/javascript" charset="utf-8"></script>

		<script>
			setToken();
			$(function () {
                $('.hm-bar').load('../../data/headerOther.html',function (data) {
                    $(this).find('.head-main').text('商家订单');
                    $(this).find('.hm-bar-box').css('position','static');
                    $(this).find('.head-left').on('tap',function () {
                        window.history.back();
                    })
                });
                var app = new Vue({
					el: '#box',
					data: {
					    account:{},
						pageIndex: 1
					},
					mounted:function () {
						this.$nextTick(function () {
							this.accdata();
                        })
                    },
					methods: {
					    accdata:function () {
							this.$http.get(SURL+"app/shops/allOrder",{params:{pageIndex:this.pageIndex}}).then(function (res) {
								if(res.body.status == 1) {
								    console.log(res.body.data)
								}
                            })
                        }
					}
				});
            });
		</script>
		<title>商家订单</title>
	</head>
	<body>
	<div class="hm-bar"></div>
		<div id="box">
			<!--身体-->
			<div class="WD-shenti">
				<div class="WD-nav">
					<div class="WD-nav-box">
						<div class="all">
							全部
						</div>
						<div class="">
							已退款
						</div>
						<div class="">
							等待付款
						</div>
						<div class="">
							已取消
						</div>
					</div>
				</div>
				<div class="WD-nav">
					<div class="WD-info flex between">
						<div class="user flex">
							<img src="../../img/ren.png" />
							<p>李小冉</p>
						</div>
						<div class="time">
							2018-08-31 22:22:22
						</div>
					</div>
					<div class="goods">
						<div class="goods-center flex ar">
							<div class="goodsImg">
								 <img src="../../img/goods.png" />
							</div>
							<div class="goodsText">
								 西门子西门子西门子西门子洗衣机冰箱空调撒分别是啊 加尔耳机大家家世界加上就看
							</div>
							<div class="goodsNum flex between">
								 <p class="red-color">￥4998.00</p>
								 <p>x1</p>
							</div>
						</div>
						<div class="payBy flex end">
							在线支付
						</div>
					</div>
					<div class="state">
						<div>
							等待付款
						</div>
						<div class="look">
							查看订单
						</div>
					</div>
				</div>
				<div class="WD-nav">
					<div class="WD-info flex between">
						<div class="user flex">
							<img src="../../img/ren.png" />
							<p>李小冉</p>
						</div>
						<div class="time">
							2018-08-31 22:22:22
						</div>
					</div>
					<div class="goods">
						<div class="goods-center flex ar">
							<div class="goodsImg">
								 <img src="../../img/goods.png" />
							</div>
							<div class="goodsText">
								 西门子西门子西门子西门子洗衣机冰箱空调撒分别是啊 加尔耳机大家家世界加上就看
							</div>
							<div class="goodsNum flex between">
								 <p class="red-color">￥4998.00</p>
								 <p>x1</p>
							</div>
						</div>
						
						<div class="goods-center flex ar">
							<div class="goodsImg">
								 <img src="../../img/goods.png" />
							</div>
							<div class="goodsText">
								 西门子西门子西门子西门子洗衣机冰箱空调撒分别是啊 加尔耳机大家家世界加上就看
							</div>
							<div class="goodsNum flex between">
								 <p class="red-color">￥4998.00</p>
								 <p>x1</p>
							</div>
						</div>
						<div class="payBy flex end">
							在线支付
						</div>
					</div>
					<div class="state">
						<div>
							已退款
						</div>
						<div class="look">
							查看订单
						</div>
					</div>
				</div>
				<div class="WD-nav">
					<div class="WD-info flex between">
						<div class="user flex">
							<img src="../../img/ren.png" />
							<p>李小冉</p>
						</div>
						<div class="time">
							2018-08-31 22:22:22
						</div>
					</div>
					<div class="goods">
						<div class="goods-center flex ar">
							<div class="goodsImg">
								 <img src="../../img/goods.png" />
							</div>
							<div class="goodsText">
								 西门子西门子西门子西门子洗衣机冰箱空调撒分别是啊 加尔耳机大家家世界加上就看
							</div>
							<div class="goodsNum flex between">
								 <p class="red-color">￥4998.00</p>
								 <p>x1</p>
							</div>
						</div>
						<div class="payBy flex end">
							在线支付
						</div>
					</div>
					<div class="state">
						<div>
							已取消
						</div>
						<div class="look">
							查看订单
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>
